<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>transform-3D转换</title>
    <style>
        /* 
            transform 3D 转换
                3D 移动
                    translate3d(x, y, z)
                    translateX(length) translateY(length) translateZ(length)
                
                3D 缩放
                    scale3d(number, number, number)
                    scaleX() sacelY() scaleZ()

                3D 旋转
                    rotate3d(a, y, z, angle) 需要指定进行旋转的坐标轴
                    rotateX(angle) rotateY(angle) rotateZ(angle)
        */
    </style>
</head>
<body>
    
</body>
</html>